<!-- Tabs Content -->
<div class="tab-pane with-bg active" ng-controller="ServiceImageController" style="padding: 15px 0 0 0">

  <div class="row" style="height: 480px">

    <div class="col-lg-3 col-md-4 col-xs-5 search" style="margin-right: 45px;    z-index: 99;">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search for..." ng-model="searchText">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button" ng-click="searchClick()">
              <i class="fa fa-search"></i>
            </button>
          </span>
      </div>
    </div>


    <div class="col-md-12" style="position: absolute;top:0px" id="selectImageTab">
      <div class="tab-form-demo">
        <uib-tabset active="activeForm">
          <uib-tab index="0" heading="我的镜像" ng-click="clickImage(0)">

            <div class="album-images row" style="    margin-top: 30px;">
              <div style="height:400px;">
                <div ng-repeat="data in currentPageImgs" class="col-lg-3 col-md-4 col-xs-4" style="margin-bottom: 30px;"
                     ng-click="select=!select" ng-class="{true:'active',false:''}[select]">
                  <div class="album-image create_img hover_animate" style="margin-bottom: 0;background: #fff;cursor:pointer;"
                       ng-click="selectImg(data)">

                    <div class="image-Info clearfix">
                      <div class="thumb  ">
                        <a style="background:{{data.color}} "><span style="color:white;">{{data.AI}}</span></a>
                      </div>
                      <div class="image-checkbox ">
                        <a class="name"> {{data.name}}</a>
                        <div class="clearfix">
                          <div class="fore1"><i class="iconfont icon-suo"></i>公开</div>
                          <div class="fore1"><i class="iconfont icon-screen1"></i>Linux</div>
                        </div>
                        <div class="clearfix"></div>

                      </div>

                    </div>

                  </div>
                </div>

              </div>
              <div class="clearfix"></div>
              <div class="pull-right" ng-hide="searchPageHide">

                <ul uib-pagination boundary-links="true" total-items="currentImgs.length" max-size="3" items-per-page="numPerPage"
                    ng-click="change(currentpageprivate)" ng-model="currentpageprivate"
                    class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
                    last-text="&raquo;"></ul>
              </div>
            </div>

          </uib-tab>
          <uib-tab index="1" heading="NatureCloud镜像" ng-click="clickImage(1)">

            <div class="album-images row" style="    margin-top: 30px;">
              <!---->
              <div style="height:400px;">
                <div ng-repeat="data in currentPageImgs" class="col-lg-3 col-md-4 col-xs-4" style="margin-bottom: 30px;">
                  <div class="album-image create_img hover_animate" style="margin-bottom: 0;background: #fff;cursor:pointer;"
                       ng-click="selectImg(data)">

                    <div class="image-Info clearfix">
                      <div class="thumb  ">
                        <!--<img src="/static/cp/images/pic.png">-->
                        <a style="background: {{data.color}}"><span style="color: white">{{data.AI}}</span></a>
                        <img src={{data.image}}>
                      </div>
                      <div class="image-checkbox ">
                        <a class="name"> {{data.name}}</a>
                        <div class="clearfix">
                          <div class="fore1"><i class="iconfont icon-suo"></i>公开</div>
                          <div class="fore1"><i class="iconfont icon-screen1"></i>Linux</div>
                        </div>
                        <!--<span >
                      {{data.description}}

                    </span>-->
                        <div class="clearfix"></div>

                      </div>

                    </div>
                    <!--<div class="image-options clearfix image-btn">
                      <a ng-click="selectImg(data)" data-toggle="tooltip" data-placement="top" title="部署"
                         data-original-title="部署" tooltip class="col-sm-5"><i class="iconfont icon-sign"></i>部署</a>
                     <!-- <a ui-sref="cp.imagedetail({imageName:data.name, isMarket: data.isMarket})" data-toggle="tooltip"
                         data-placement="top" title="详细" data-original-title="详细" tooltip class="col-sm-6"><i class="iconfont icon-shanchu"></i>删除</a>-->
                  </div>


                </div>

              </div>
              <div class="pull-right" ng-hide="searchPageHide">

                <ul uib-pagination boundary-links="true" total-items="currentImgs.length" max-size="3" items-per-page="numPerPage"
                    ng-click="change(currentPage)" ng-model="currentPage"
                    class="pagination-sm" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
                    last-text="&raquo;"></ul>

              </div>
              <div class="clearfix"></div>
            </div>


          </uib-tab>

        </uib-tabset>

      </div>


    </div>
  </div>


</div>

